<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--    1.引入vue.js-->
    <script src="js/vue.js"></script>
</head>
    <!-- 挂载节点-->
    <div id="app">
        <input type="button"  @click="sayhello" value="点我一下"/>
        <input type="button"  @click="fuzhi"   value="赋值再点我一下"/>
        <p>{{message}}</p>
    </div>
<body>
    <script type="text/javascript">
        //创建Vue对象
        new Vue({
            el:"#app",//挂载点
            data:{
                message : "我是默认值",
                user : {
                    name : "隔壁老文",
                    age : 17,
                    color : "pink"
                }
            },//数据
            methods:{
                sayhello(){
                    alert("你好你真好")
                },
                fuzhi(){
                    this.message="我是重新赋值";
                }
            }//方法

        })
    </script>
</body>
</html>